<%@ Page Title="" Language="C#" MasterPageFile="~/WebMaster.master" AutoEventWireup="True"
    CodeBehind="MeterSummary.aspx.cs" Inherits="meter_MeterSummary" Theme="DefaultSkin" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register src="../usercontrols/UserMeterCombo.ascx" tagname="UserMeterCombo" tagprefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <asp:Panel ID="panelNoAcccess" runat="server" Visible="true">
        Please choose a meter that you have access to</asp:Panel>
        
    <asp:Panel runat="server" ID="panelValid" Visible="false" CssClass="infoblockcontent">
        Meter: <uc1:UserMeterCombo ID="userMeterCombo" runat="server" />(<asp:HyperLink ID="hypManageMeter" runat="server">Manage</asp:HyperLink>)
        
        <h3><asp:Label ID="lblTotalInfo" runat="server" Text="Label"></asp:Label></h3>
        
        <p><asp:Label ID="Label1" runat="server" CssClass="infoLabel" >
            Each column shows the energy used in each month (Jan-Dec). The coloured stripes 
            running horizontally are the totals for each year. Each coloured box represents 
            a month within each year. Hover over each box to see the date and energy used, 
            click to see the detail below.</asp:Label>
        </p>            

        <asp:Chart ID="chartCompareYearsByMonth" runat="server">
            <Legends>
                <asp:Legend Name="Legend1" BackColor="Transparent" ForeColor="White"/>
                <asp:Legend Name="YearLegend" IsDockedInsideChartArea="true" Docking ="Top" BackColor="Transparent" ForeColor="White"/>
            </Legends>
            <Titles>
                <asp:Title Name="Monthly" Text="Cumulative Energy use by Month"  Visible="True" Font="Verdana, 10pt, style=bold" ForeColor="White" />
            </Titles>
            <Series>
                <asp:Series ShadowOffset="3" Color="Red"/>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" BackColor="Transparent">
                    <AxisX LineColor="Orange" LabelAutoFitStyle="None" TitleForeColor="White">
                        <LabelStyle Enabled="true" ForeColor="White" Font="Verdana, 8pt"/>
                        <MajorGrid LineWidth="1" LineColor="#999999" />
                        <MajorTickMark Enabled="true" LineColor="Orange" />
                    </AxisX>
                    <AxisY LineColor="Orange" LabelAutoFitStyle="None" TitleForeColor="White" Title="kWh">
                        <LabelStyle Enabled="true" ForeColor="White" Font="Verdana, 8pt" />
                        <MajorGrid LineWidth="1" LineColor="#999999" />
                        <MajorTickMark Enabled="true" LineColor="Orange" />
                    </AxisY>
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>

        </asp:Panel>
        
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True"></asp:ScriptManager>
        
</asp:Content>
